// header / 所有分类 / 点击动画
var all_class_h2 = $(".header_bottom .all_class h2"),
    all_class_ul = $(".header_bottom .all_class ul");
all_class_h2.on("click",function(){
  if(all_class_ul.css("display") == "none"){
    all_class_ul.slideDown(500);
  }else{
    all_class_ul.slideUp(500);
  }
})

// section / nav / 点击特效
var nav = $("section li");
nav.on("click",function(){
  nav.css({
    "font-weight":"normal"
  })
  $(this).css({
    "font-weight":"bolder"
  })
})

// section / 推荐专题获取
// console.log(art_view.content_zttj);
var datas1 = art_view.content_zttj;
for(var i = 0;i < datas1.length;i ++){
  var data_site = datas1[i].data_site,
      data_ydl = datas1[i].data_ydl,
      data_year = datas1[i].data_year,
      data_month = datas1[i].data_month,
      data_h2 = datas1[i].data_h2;
  var data = (`<div class="box">
            <div class="date">
              <div class="time">
                <p class="year">${data_year}</p>
                <p class="month">${data_month}</p>
                <div class="black"></div>
              </div>
              <div class="_text">
                <p>#近期热门</p>
                <p>#专题</p>
                <p>#热门专题</p>
                <p>#艺术时尚</p>
              </div>
            </div>
            <div class="content">
              <div class="content_pic">
                <a href="view_info.html?id=0001">
                  <img src="${data_site}" alt="">
                </a>
                <div class="nav">
                  <p>阅读量：<span>${data_ydl}</span></p>
                  <input type="button" value="#近期热门">
                  <input type="button" value="#专题">
                  <input type="button" value="#热门专题">
                </div>
              </div>
              <h2>${data_h2}</h2>
            </div>
          </div>`);
  $(".left_zttj").append(data);
}
var datas2 = art_view.content_rmzx;
for(var j = 0;j < datas2.length;j++){
  var rmzx_site = datas2[j].data_site,
      rmzx_name = datas2[j].data_name;
  var rmzx = (`<div class="box">
            <a href="">
              <div class="left">
                <img src="${rmzx_site}" alt="">
              </div>
              <div class="right">
                <p>${rmzx_name}</p>
              </div>
            </a>
          </div>`);
  $(".right_rmzx").append(rmzx);
}